/* 手机等小屏幕手持设备 */

@media screen and (min-width: 320px) and (max-width: 360px) {
	html {
		font-size: 12px;
	}
	body {
		font-size: 12px;
	}
	.background-size {
		background-size: 50%!important;
	}
}


/* 手机等小屏幕手持设备 */

@media screen and (min-width: 361px) and (max-width: 480px) {
	html {
		font-size: 13px;
	}
	body {
		font-size: 13px;
	}
	.background-size {
		background-size: 60%!important;
	}
}


/* 手机等小屏幕手持设备 */

@media screen and (min-width: 481px) and (max-width: 750px) {
	html {
		font-size: 14px;
	}
	body {
		font-size: 14px;
	}
	.background-size {
		background-size: 80%!important;
	}
}


/* 平板之类的宽度 1024 以下设备 */

@media screen and (min-width: 751px) and (max-width:1024px) {
	html {
		font-size: 18px;
	}
	body {
		font-size: 18px;
	}
	.background-size {
		background-size: 100%!important;
	}
}


/*重置默认样式*/

div,
a,
p,
img,
footer,
dl,
dt,
dd,
input,
figure,
header,
section {
	box-sizing: border-box;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
figure {
	padding: 0;
	margin: 0;
}

body {
	color: #666666;
	font-family: "microsoft yahei";
}

ul,
li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #666666;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

input,
button {
	/*-webkit-appearance:none;*/
	border-radius: 0;
	border: none;
}


/*共用特殊样式*/

.flexs,
.flexs-cs,
.flexs-bw,
.flexs-al,
.flex-wr {
	display: flex;
}

.flexs-bw {
	justify-content: space-between;
}

.flexs-al {
	align-items: center;
}

.flex1 {
	flex: 1;
}

.flexs-cs {
	flex-direction: column;
	justify-content: space-around;
}

.persons-grid,
.uplist-d,
.flex-wr {
	flex-wrap: wrap;
}

.w100,
.detail-m img {
	width: 100%;
}

.w50 {
	width: 50%;
}

.w25 {
	width: 25%;
}

.body-bg {
	background: #f6f6f6;
}

.wh100 {
	width: 100%;
	height: 100%;
}

.centre {
	text-align: center
}

.s11m {
	font-size: 1.1rem;
}

.s12m {
	font-size: 1.2rem;
}

.s13m {
	font-size: 1.3rem;
}

.s15m {
	font-size: 1.5rem;
}

.huef36 {
	color: #f36;
}

.huefff {
	color: #fff;
}

.hue999 {
	color: #999;
}

.padi5m {
	padding: .5rem;
}

.padlr5m {
	padding: 0 .5rem;
}
.padud5m{
	padding: .5rem 0
}
.pad1rem {
	padding: 1rem;
}

.pad-lr {
	padding: 0 1rem;
}

.pad-ud {
	padding: 1rem 0;
}

.btm4rem {
	margin: 0 0 4rem 0;
}

.top1rem {
	margin: 1rem 0 0;
}

.btm1rem {
	margin: 0 0 1rem 0;
}

.blocks {
	display: block;
}

.aline {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.i2m {
	font-size: 2rem !important;
}

.opa {
	opacity: 0;
}


/*头部*/

.fixed {
	position: fixed;
	width: 100%;
	top: 0;
}

.header {
	background: #fff;
	position: relative;
	border-bottom: 1px solid #999999;
}

.header-txt {
	font-size: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 4rem;
	color: #333;
}

.head-le,
.head-ri {
	position: absolute;
	top: 0;
	padding: 0 1rem 0;
	line-height: 4rem;
	font-size: 1.2rem;
}

.head-le {
	left: 0;
}

.head-ri {
	right: 0;
}


/*登录注册*/

.login-he-img,
.aboutus-m {
	/*关于我们*/
	height: 30vw;
	width: 30vw;
}

.login-body {
	background: #DA8080 url(../images/login-bg750x1334.jpg) no-repeat;
	background-size: 100% 100%;
}

.login-bg {
	width: 80%;
	margin: 0 auto 5rem;
	color: #fff;
}

.login-he-span {
	border-bottom: 1px dashed #fff;
	font-size: 1.8rem;
}

.login-h1 {
	text-align: center;
	margin: 1rem 0;
	font-size: 1.5rem;
}

.login-inp {
	margin: 1rem 0;
	display: flex;
	background: rgba(255, 255, 255, .4);
	border-radius: .5rem;
	overflow: hidden;
}

.login-inp>label {
	line-height: 0;
	padding: 1rem;
}

.login-inp>input {
	width: 100%;
	font-size: 1.2rem;
	background: rgba(0, 0, 0, 0);
	color: #fff;
}

.login-inp>input::-webkit-input-placeholder {
	color: #fff;
}

.login-inp>input:-ms-input-placeholder {
	color: #fff;
}

.label-m {
	height: 1.5rem;
}

.login-btn {
	width: 100%;
	margin: 1rem 0 0;
	padding: .6rem 0;
	background: rgba(255, 255, 255, .4);
	border-radius: .5rem;
	font-size: 1.2rem;
}

.login-btn-no {
	background: rgba(255, 255, 255, 0);
	border: 1px solid #fff;
	color: #fff;
}

.login-forget {
	background: 0;
	color: #fff;
}

.login-foo-f {
	display: flex;
	justify-content: center;
}

.login-foo-m {
	width: 10vw;
	margin: 0 .5rem;
}

.login-down {
	width: 80%;
	height: 4rem;
	position: fixed;
	bottom: 0;
	left: 10%;
	border-top: 1px dashed #fff;
	text-align: center;
	padding: 1rem 0 0 0;
	margin: 1.5rem 0 0 0;
	/*background: #DA8080;*/
}

.login-inp-code {
	width: 50%;
	margin: 0;
}

.login-code {
	width: 50%;
	margin: 0 0 0 1rem;
	border-radius: .5rem;
	color: #fff;
	background: #f36;
}


/*首页头部*/

.head-outer {
	background: rgba(0, 0, 0, .3);
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9;
	padding: .5rem;
}

.head-l-i {
	color: #fff;
	padding: .3rem .7rem;
}

.head-r {
	text-align: center;
	padding: .2rem;
	color: #fff;
	width: 85%;
	background: rgba(255, 255, 255, .3);
	border-radius: 3px;
}


/*首页精选市场*/

.market-m {
	width: 50vw;
	height: 30vw;
}


/*首页楼层*/

.floor-inner-l {
	width: 35%;
	padding: 0 .4rem;
	line-height: 0;
}

.floors-inner-r {
	width: 65%;
}

a.floors-inner-a {
	width: 49.5%;
	position: relative;
	margin-right: .5%;
}

.floors-inner-tag {
	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: center;
	background: rgba(0, 0, 0, .3);
}


/*分类页*/

.searchs {
	height: 8vh;
}

.seach-a {
	height: 2.5rem;
	width: 80%;
	margin: .5rem auto 0;
	line-height: 2.5rem;
	color: #999;
}

#classify {
	width: 100vw;
	height: 84vh;
	margin: 8vh 0;
	overflow: hidden;
	display: flex;
}
#classify-left {
	height: 84vh;
	width: 30vw;
	overflow: scroll;
}

#classify-right {
	width: 70vw;
	height: 84vh;
	overflow: scroll;
	padding: 0 1rem;
}

.active {
	color: #f36;
	border-left: 2px solid #f36;
}
#classify-left li {
	margin: 1px 0;
	background: #fff;
	padding: 1rem .5rem;
}

#classify-right dl {
	border-bottom: 1px dashed #f36;
}

#classify-right dd {
	width: 31.33%;
	display: inline-block;
	margin: 5px 0;
	padding: 0 3px;
	text-align: center;
	height: 20vw;
}


/*footer*/

.sc-box {
	z-index: -1;
	display: none;
	background: rgba(255, 238, 238, 0.5);
	width: 40vw;
	height: 40vw;
	left: 30%;
	position: fixed;
	bottom: -30px;
	border-radius: 50%;
}

.sc-box img {
	width: 10vw;
	height: 10vw;
	margin-top: 6vw;
	margin-left: 6vw;
}

.bottom-nav {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
}

.bottom-nav footer {
	height: 4rem;
}

footer .switch:first-child {
	display: none;
}

footer .switch:first-child img {
	height: 2.8rem;
}


/*积分首页*/
.vw25 {
	width: 30vw;
	height: 30vw;
}

.itg-pic a:first-child {
	padding-right: .15rem;
	border-right: .1rem solid #666;
}

.itg-pic a:last-child {
	padding-left: .2rem;
}

.itg-select-wine {
	background: #ff5f88;
	width: 100%;
	height: 0.2em;
	border-radius: 50%;
}
.bg-f62{
	background: #fc6d24;
	color: #fff;
}

.recom-span {
	border-radius: 3px;
	border: 1px solid #f36;
}


/*线下首页*/

.line-h1 {
	text-align: center;
	color: #8854fc;
	font-weight: bold;
	font-size: 1.8rem;
}
.vw50{
	width: 50vw;
	height: 50vw;
} 
.off-span{
	background: #8854fc;
	color: #fff;
}
/*购物车*/

.cart {
	margin: 1rem 0 7rem 0;
}

.cart-footer {
	position: fixed;
	width: 100%;
	height: 3rem;
	display: flex;
	bottom: 4rem;
	justify-content: space-between;
	background: #fff;
	border-top: 1px solid #e7e7e7;
	padding-left: .5rem;
}

.cart-footer-l {
	display: flex;
	align-items: center;
}

.cart-footer-r button {
	line-height: 3rem;
	padding: 0 1.5rem;
	background: #f36;
	color: #fff;
}

.edit-items {
	background: #fff;
}

.edit-name {
	padding: 1rem .5rem;
	align-items: center;
}

.edit-item {
	padding: 0 .5rem;
	border-top: 1px solid #e8e8e8;
	justify-content: space-between;
	align-items: center;
}

.edit-img {
	width: 30%;
	padding: .5rem .5rem .5rem 0;
}

.edit-r {
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.edit-rp {
	justify-content: space-between;
}

.edit-rnum {
	border: 1px solid #e1e1e1;
	border-radius: 3px;
}

.amount-sub,
.amount-sup,
.bg-no {
	background: none;
}

.amount-num {
	height: 2.5rem;
}


/*.edit-del{
    height: 100%;
    width: 4rem;
    margin-left: .5rem;
    background: #f36;
    color: #fff;
}*/


/*个人中心首页*/

.person {
	background: #fff;
}

.persons {
	border-top: 1px solid #f8f8f8;
}

.persons-p {
	text-align: center;
}

.persons-p:last-child {
	display: flex;
	justify-content: center;
	align-items: center;
}

.persons-img {
	height: 5rem;
	width: 5rem;
	border: 1px solid #e0e0e0;
	border-radius: 100%;
}

.slider {
	background: #5E8BFF;
	border-radius: 5px;
	color: #fff;
	padding: 1rem;
}

.slider-h1 {
	font-size: 1.2rem;
}

.persons-a {
	width: 20%;
	text-align: center;
}

.persons-aimg {
	height: 2rem;
	width: 1.5rem;
}

.persons-ga {
	width: 25%;
	padding: 1rem;
	text-align: center;
	border: 1px solid #f6f6f6;
}

.persons-grids {
	background: #fff;
	margin: 1rem 0 5rem;
}

.persons-gimg {
	width: 3rem;
	height: 3rem;
}


/*设置*/


/*个人资料*/


/*关于我们*/


/*服务条款*/


/*收货地址*/


/*会员升级*/

.setup-u {
	background: #fff;
	border-bottom: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
}

.setup-a {
	flex: 1;
	justify-content: space-between;
	align-items: center;
	font-size: 1.5rem;
	padding: 1rem 1rem 1rem 0;
}

.setup-btm {
	border-bottom: 1px solid #e8e8e8;
}

.setup-pdl {
	padding-left: 1rem;
}

.setup-foo button,
.setup-foo a {
	width: 100%;
	height: 4rem;
	background: #f36;
	color: #fff;
	font-size: 1.4rem;
}

.setup-foo a {
	display: block;
	text-align: center;
	line-height: 3;
}


/*设置*/

.setup-l,
.line-ht {
	line-height: 0;
}

.setup-foo {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
}


/*个人资料*/

.owns {
	padding: 1rem;
	font-size: 1.3rem;
}

.owns-c {
	color: #999;
	font-size: 1.3rem;
}


/*个人资料 * 服务条款*/

.own-amend,
.terms-h2 {
	padding: 1rem;
	font-size: 1.2rem;
}

.own-save {
	text-align: center;
	margin: 3rem auto;
}

.own-save-btn {
	width: 80%;
	height: 3.5rem;
	background: #f36;
	border-radius: .5rem;
	color: #fff;
	font-size: 1.3rem;
}

a.own-save-btn {
	display: block;
	line-height: 3.5rem;
	margin: 0 auto;
}


}

/*关于我们*/
/*服务条款*/
.aboutus-h1,
.terms-h1 {
	color: #000;
	font-weight: bold;
}
.terms-h2,
.col3 {
	color: #333;
}
.terms-p {
	line-height: 1.8rem;
}

/*意见反馈*/
.feedback {
	width: 90%;
	margin: 0 auto;
}
.feedback-tt {
	width: 100%;
	height: 10rem;
	text-indent: 1rem;
	padding: 1rem 0 0 0;
	border: 1px solid #EDEDED;
}
.feedback-inp {
	width: 100%;
	padding: 1rem;
	margin: 1rem 0 .5rem;
	border: 1px solid #EDEDED;
}

/*选择收货*/
.adress-cho {
	padding: 1rem;
	margin: 0 0 1px 0;
	background: #fff;
	font-size: 1.2rem;
}

/*管理收货地址*/
.dress-dio {
	position: relative;
	margin: 0 .5rem 0 0;
	height: 1.5rem;
	width: 1.5rem;
	border: 1px solid #f36;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 100%;
	background: #fff;
}
.dress-check {
	border: none;
	background: #f36 url(../images/icon_selecte_pink.png) no-repeat;
	background-size: 100%;
}

/*添加编辑地址*/
.addRess {
	font-size: 1.3rem;
	color: #666;
}
.address-inp {
	padding: 1rem;
	color: #333;
	font-size: 1.3rem;
}
.address-sel {
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	font-size: 1.3rem;
	color: #333;
}

/*修改密码*/
.forpwd {
	padding: .1rem 1rem;
}
.forpwd-m {
	height: 1.5rem;
	margin: 0 1rem 0 0;
	position: relative;
}
.forpwd-inp {
	width: 100%;
	height: 4rem;
	font-size: 1.3rem;
}
.phone-ver {
	width: 10rem;
	height: 4rem;
	background: #fff;
	color: #f36;
}

/*卡号管理*/
.bank-img {
	position: absolute;
	right: 1rem;
}
.bankcard-a {
	display: block;
	text-align: center;
	font-size: 1.5rem;
	padding: 1.5rem 0;
	background: #fff;
}
.bankcard-name {
	width: 60%;
	border-bottom: 1px solid #f0f0f0;
	margin: 0 auto;
}
.card-bg {
	height: 1rem;
	background: url(../images/card-bg.jpg) repeat-x;
}
.detail-img {
	margin: 0 1rem 0 0;
}
.setdetails {
	padding: 1rem 0;
	text-align: center;
}

/*会员升级*/
.vip-par {
	padding: 10px;
	background: #fff;
}
.vip-par img {
	width: 49%;
	margin-right: 1%;
}
.uplist-h1 {
	text-align: center;
	color: #333;
	padding: 1rem;
}
.uplist-li {
	padding: 0 0 0 1rem;
	background: #fff;
	margin-bottom: .5rem;
}
.uplist-p {
	border-bottom: 1px solid #E8E8E8;
	padding: 1rem 0;
	color: #999;
	font-size: 1.1rem;
}
.uplist-d p {
	width: 50%;
	padding: 1rem 0 0 0;
	font-size: 1.25rem;
}
.uplist-b {
	padding: 1rem 1rem 1rem 0;
	font-size: 1.25rem;
}
.uplist-btn {
	border: 1px solid #666;
	border-radius: .5rem;
	color: #666;
	font-size: 1.2rem;
	background: #fff;
	padding: .5rem 1rem;
}
.uplist-span {
	color: #3D96CE;
}

/*推广*/
.promHe {
	width: 90%;
	padding: 0 2rem;
	margin: 0 auto;
}
.prom-from {
	padding: .5rem 0;
	border: 1px solid #DCDCDC;
	text-align: center;
	border-radius: .5rem;
	margin: 1rem 0;
}
.promLe-foo {
	background: #E8E8E8;
	color: #9C9C9C;
}

/*积分 提现  流水*/
/*商品详情*/
.bg-fff,
.water-ul,
.balance {
	background: #fff;
}
.de-flag{
	background: #f36 !important;
	color: #fff;
}
.cashCancel {
	background: #fff;
	color: #f36;
	border: 1px solid #f36;
	border-radius: 3px;
	padding: .5rem 1rem;
}
.water-ul {
	border-radius: 1rem;
	width: 90%;
	padding: .5rem;
}
.balance {
	padding: 4rem 0 5rem;
}
.drawal {
	background: #f36;
	color: #fff;
	padding: 4rem 0 5rem;
}
.img-3rem {
	width: 3rem;
}
.details-bd {
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
}
.details-layer{
	position: absolute;
	height: 100%;
	width: 100%;
}
.details-lay{
	height: 60%;
	overflow: scroll;
}
.details-dd {
	display: inline-block;
	background: #E8E8E8;
	padding: 0 1rem;
	margin: .5rem;
	border-radius: .3rem;
}
.orders {
	background: #f36;
	color: #fff;
	padding: 1rem;
	font-size: 1.2rem;
}
.bg-fb7 {
	background: #F9B729;
	color: #fff;
}
.loads {
	position: fixed;
	left: 45%;
	top: 45%;
	height: 4rem;
	width: 4rem;
}
.lay-num{
	border: 1px solid #999;
	height: 2.5rem;
	width: 2rem;
	font-size: 1.2rem;
}
.lay-inp{
	width: 4rem;
	text-align: center;
	font-size: 1.2rem;
}
.detail-back{
	position: absolute;
    top: .5rem;
    left: 1rem;
    z-index: 9;
}
/*按钮图标*/
.mui-before,
.mui-after {
	height: 2.45rem;
	width: 4.5rem;
	border-radius: 2.5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
}
.mui-before {
	background: #E6E6E6;
}
.mui-after {
	background: #f36;
}
.mui-after:after {
	content: "";
	height: 2rem;
	width: 2rem;
	position: absolute;
	right: .25rem;
	top: .25rem;
	border-radius: 100%;
	background: #fff;
}
.mui-before:before {
	content: "";
	height: 2rem;
	width: 2rem;
	position: absolute;
	left: .25rem;
	top: .25rem;
	border-radius: 100%;
	background: #fff;
}

/*店铺首页*/
.hot-tit {
	padding: 0.5rem;
}
.store-list {
	background: #fff;
}
.store-list ul li {
	border-bottom: 1px solid #F3F3F3;
	padding: 1rem;
}
.store-list ul li .store-lg {
	width: 8vw;
}
.store-list ul li .store-ipone {
	width: 6vw;
}
.store-list ul li .store-right {
	width: 3vw;
	float: right;
}
.store-list .store-btn-pay {
	float: right;
	background: #f36;
	border: 1px solid #f36;
	color: #fff;
	font: 1.2rem "microsoft yahei";
	padding: 0.3rem 0.8rem;
}
.store-gired {
	background: #fff;
}
.store-gired .hot-list {
	width: 100%;
}
.store-gired .hot-list a {
	width: 46%;
	float: left;
	margin-left: 2%;
}
.store-gired .hot-list a img {
	width: 100%;
}

/*字体图标*/
@font-face {
	font-family: "iconfont";
	src: url(./fonts/iconfont1.eot?t=1497840512154);
	/* IE9*/
	
	src: url(./fonts/iconfont1.eot?t=1497840512154#iefix) format('embedded-opentype'),
	/* IE6-IE8 */
	
	url(./fonts/iconfont1.woff?t=1497840512154) format('woff'),
	/* chrome, firefox */
	
	url(./fonts/iconfont1.ttf?t=1497840512154) format('truetype'),
	/* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	
	url(./fonts/iconfont1.svg?t=1497840512154#iconfont) format('svg');
	/* iOS 4.1- */
	/*src: url(fonts/iconfonta.eot?t=1497088933831); 
  src: url(fonts/iconfonta.eot?t=1497088933831#iefix) format('embedded-opentype'),
  url(fonts/iconfonta.woff?t=1497088933831) format('woff'),
  url(fonts/iconfonta.ttf?t=1497088933831) format('truetype'),
  url(fonts/iconfonta.svg?t=1497088933831#iconfont) format('svg');*/
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 1.5rem;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-fanhui:before {
	content: "\e600";
}
.icon-gengduo:before {
	content: "\e602";
}
.icon-checkmark:before {
	content: "\e607";
}
.icon-sousuo:before {
	content: "\e617";
}
.icon-fanhui1:before {
	content: "\e64e";
}
.icon-fill85:before {
	content: "\e60c";
}
.icon-zijinzhanghu:before {
	content: "\e646";
}
.icon-shanchu:before {
	content: "\e655";
}
.icon-dianpu:before {
	content: "\e68d";
}
.icon-ren:before {
	content: "\e658";
}
.icon-saoma:before {
	content: "\e6e9";
}
.icon-wenhao-copy:before {
	content: "\e609";
}
.icon-ellipsis:before {
	content: "\e656";
}
.icon-zhanghu:before {
	content: "\e501";
}
.icon-anonymity:before {
	content: "\e718";
}
.icon-weibiaoti1:before {
	content: "\e513";
}
.icon-VIPzhang:before {
	content: "\e64d";
}
.icon-one:before {
	content: "\e605";
}
.icon-three:before {
	content: "\e606";
}
.icon-five:before {
	content: "\e608";
}
.icon-four:before {
	content: "\e60a";
}